/*主页*/
#index_headline{
	letter-spacing: 0.5em;
}

#vote_ins,#vote_link{
	border-radius: 0.5em;
	border-style:solid;
	border-width: 2px;
	border-color:var(--theme4);
	color:var(--theme4);
	padding:0.25em;
	cursor:pointer;
}

#vote_ins{
	margin-top: 0.5em;
}

#vote_ins_dropdown {
	text-align: left;
	margin-top:calc(0.25em + 2px);
    	background-color: var(--themebg);
    	padding: 0.75em;
    	max-width: 300px;
}

.room_subHead{
	position:relative;
}

#activity_link{
	position:absolute;
	top:0.2rem;
	right:15%;
	padding:1.2rem 1.2rem;
	border-radius: 50%;
	background-color: var(--theme2);
	cursor: pointer;
	z-index: 10000;
}

#activity_link:hover{
	transform:scale(1.2);
}

.activity{
	font-family: activity;
}

#vote_body{
	overflow:hidden;
}

.vote_chara_box{
	position:relative;
	overflow: visible;
	text-align: center;
	display:inline-block;
	width:20%;
	max-width: 144px;
  	white-space: nowrap;
}

.vote_image_bg{
	position:relative;
}

.vote_area{
	cursor: pointer;
	position:absolute;
	width:100%;
	top:20%;
	height:80%;
	z-index: 10000;
}

.vote_area:hover~.vote_image_box_side1{
	top:-10%;
	left:-115%;
	width:330%;
}

.vote_area:hover~.vote_image_box_side2{
	top:-10%;
	left:-115%;
	width:330%;
}

.vote_image_box_side1{
	position:absolute;
	left:-100%;
	width:300%;
	-webkit-animation:turn 18s infinite;
	        animation:turn 18s infinite;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	z-index: 1000;
}


@-webkit-keyframes turn{
0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
40%   {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
50%  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
90%  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
100%  {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
}

@keyframes turn{
0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
40%   {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
50%  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
90%  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
100%  {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
}


.vote_image_box_side2{
	position:absolute;
	left:-100%;
	width:300%;
	-webkit-animation:turn_side 18s infinite;
	        animation:turn_side 18s infinite;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	z-index: 1000;
}

@-webkit-keyframes turn_side{
0% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
40%   {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
50%  {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
90%  {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
100%  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
}

@keyframes turn_side{
0% {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
40%   {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
50%  {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
90%  {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
100%  {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
}


.vote_image_box{
	margin-left:-100%;
	width:300%;
}

.vote_image_side1,.vote_image_side2,.vote_image{
	display:inline-block;
	width:100%;
	vertical-align: bottom;
}

.name_box{
	display:inline-block;
	width:100%;
}

/*窗口适应*/
@media screen and (max-width: 600px) {
	#index_headline{
		letter-spacing: 0.3em;
	}
}